<form [formGroup]="registerForm">
    <div class="mt45 ml30 mb30 title">
        <h1 class="f36 bold">
            <!--主要标题-->
        </h1>
        <p class="f18 mt20">
            <!-- subTitle -->
        </p>
    </div>
    <div class="title">
        <p class="title-font">{{tagData.title.label}}</p>
    </div>
    <ion-list>
        <ion-item lines="full">
            <ion-input type="mobile" formControlName="account" [(ngModel)]="mobileNum" placeholder="请输入手机号码"
                maxlength="11" required></ion-input>
            <span *ngIf="registerForm.value.account" appDebounceClick (debounceClick)="mobileNum=''" class="close r90"></span>
            <button class="vccode" *ngIf="time>-1" [disabled]="time>-1"
                [ngClass]="{'lightgrey':time>-1}">({{time}})重新获取</button>
            <button [ngClass]="{'lightgrey':registerForm.get('account').errors}" class="vccode" *ngIf="time===-1"
                [disabled]="registerForm.get('account').errors"
                appDebounceClick (debounceClick)="getVC(registerForm.get('account').errors)">{{text}}</button>
        </ion-item>
        <ion-item lines="full">
            <ion-input required type="number" formControlName="mvcode" [(ngModel)]="mvcode" maxlength="4"
                placeholder="请输入验证码" onInput="if(value.length>4)value=value.slice(0,4)"></ion-input>
            <span *ngIf="registerForm.value.mvcode" appDebounceClick (debounceClick)="mvcode=''" class="close"></span>
        </ion-item>
        <ion-button type="button" class="register-btn btn" expand="block" appDebounceClick (debounceClick)="submit()">
            {{tagData.sureButton.label}}
        </ion-button>
    </ion-list>
</form>